<template>
	<view class="Lu-help-box">
		<view class="Lu-help-about">
			<view class="Lu-help-aboutit">关于打卡</view>
			<view class="Lu-help-aboutcontent">每天成功打卡并转发朋友圈，即为打卡成功(注):趣一点APP支持打卡功能，小程序暂不支持</view>
		</view>
		<view class="Lu-help-download">
			<view class="Lu-help-downloadtit">如何下载APP</view>
			<view class="Lu-help-downloadcen">请使用浏览器扫描下方二维码即可下载APP。</view>
			<view class="Lu-help-downloadewm">
				<image src="../../static/image/personal/ewmfx.jpg"></image>
			</view>
			<view class="Lu-help-save">
			<!-- 	<savefile url="../../static/image/personal/ewmfx.jpg" @hide="hidePhoto"></savefile> -->
				<view @click="saveimage">保存到手机</view>
				<view class="shuxian"></view>
				<view @click="saveFriend">发送给好友</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods:{
			saveimage:function(){
				uni.getImageInfo({
					src: '../../static/image/personal/ewmfx.jpg',
					success: function (image) {
						console.log(image);
						uni.saveImageToPhotosAlbum({
							filePath: image.path,
							success: function () {
								uni.showModal({
								    title: '保存成功',
								    content: '保存成功',
								    success: function (res) {
								        if (res.confirm) {
								           
								        } else if (res.cancel) {
								            
								        }
								    }
								})
							}
						});
					}
				});
			},
			
			saveFriend:function(){
				uni.share({
				    provider: "weixin",
				    scene: "WXSceneSession",
				    type: 2,
				    imageUrl: "https://www.quyidian.com.cn/uploads/tool/erweima.jpg",
				    success: function (res) {
				        console.log("success:" + JSON.stringify(res));
				    },
				    fail: function (err) {
				        console.log("fail:" + JSON.stringify(err));
				    }
				});
			}
		}
	}
</script>

<style lang="scss">
	page{
		background-color: #f5f5f5;
	}
	.Lu-help-box{
		padding: 30rpx;
		background-color: #f5f5f5;
		.Lu-help-about{
			background-color: #fff;
			border-radius: 20rpx;
			padding-top: 20rpx;
			padding-bottom: 30rpx;
			.Lu-help-aboutit{
				width: 170rpx;
				height: 50rpx;
				line-height: 50rpx;
				text-align: center;
				font-size: 30rpx;
				background-color: #438cfe;
				color: #ffffff;
				border-top-right-radius: 30rpx;
				border-bottom-right-radius: 30rpx;
			}
			.Lu-help-aboutcontent{
				margin-top: 30rpx;
				margin-left: 40rpx;
				font-size: 24rpx;
				color: #333333;
				line-height: 50rpx;
				
			}
		}
		.Lu-help-download{
			background-color: #fff;
			border-radius: 20rpx;
			padding-top: 20rpx;
			padding-bottom: 30rpx;
			margin-top: 30rpx;
			.Lu-help-downloadtit{
				width: 230rpx;
				height: 50rpx;
				line-height: 50rpx;
				text-align: center;
				font-size: 30rpx;
				background-color: #438cfe;
				color: #ffffff;
				border-top-right-radius: 30rpx;
				border-bottom-right-radius: 30rpx;
			}
			.Lu-help-downloadcen{
				font-size: 30rpx;
				text-align: center;
				margin-top: 30rpx;
			}
			.Lu-help-downloadewm{
				text-align: center;
				margin-top: 35rpx;
				image{
					width: 196rpx;
					height: 220rpx;
				}
			}
			.Lu-help-save{
				display: flex;
				align-items: center;
				justify-content: space-around;
				margin-top: 20rpx;
				font-size: 26rpx;
				color: #3e87fe;
				.shuxian{
					width: 2rpx;
					height: 40rpx;
					background-color: #7f7f7f;
				}
			}
		}
	}
</style>
